<template>
	<view class="container">
		<view class="tips">
			<view  @click="shareEvn()">全部交易类型 <tui-icon name="turningdown" size="20" color="#999999"></tui-icon></view>
		</view>
		<tui-sticky :scrollTop="scrollTop" stickyHeight="104rpx">
			<template v-slot:header>
				<view class="sticky-item">
					<view class="amount">
						<view class="amount-date" @click="openDate()">{{date}} <tui-icon name="turningdown" size="20" color="#999999"></tui-icon></view>
						<view>支出 ￥{{formatPrice(depositList['total'][2])}} 收入 ￥{{formatPrice(depositList['total'][1])}}</view>
					</view>
					<view class="date" @click="showExport">
						导出数据
					</view>
				</view>
			</template>
			<template v-slot:content>
				
				<view class="tuiTips" v-if="isEmpty == 0" >
					<tui-tips :fixed="false" imgUrl="/static/toast/img_nodata.png">暂无数据</tui-tips>
				</view>
				<!--内容 start-->
				<view class="list-view">
					<view class="list-item" hover-class="hover" :hover-stay-time="150" @tap="details(item)" v-for="(item,index) in lists" :key="index" >
						<view class="content-box">
							<view class="des-box">
								<view class="tit">{{item.change_desc}}</view>
								<view class="source">
								{{depositList['typeList'][item.type]}}
								</view>
								<view class="time">{{formatDate(item.create_time)}}</view>
							</view>
						</view>
						<view class="money add">
							{{depositList['modeList'][item.mode] }} ￥{{formatPrice(item.money)}} 
						</view>
					</view>
					
				</view>
				<!--内容 end-->
			</template>
		</tui-sticky>

		<!-- 导出收支帐单 -->
		<!-- <tui-modal :show="isShow" @cancel="hideExport" :custom="true" :fadein="true">
			<view class="tui-modal-export">
				<view class="tui-export-title">导出收支帐单</view>
				<tui-list-cell :hover="false">
					<view class="tui-line-cell">
						<view class="tui-title">邮箱</view>
						<input placeholder-class="phcolor" class="tui-input" v-if="isShow == true" name="email" placeholder="请输入邮箱地址" maxlength="50" type="email"  v-model="email"/>
					</view>
				</tui-list-cell>
				<tui-list-cell>
					<view class="tui-export-footer-title">
						填写邮箱后并点击发送后，收支明细会自动发送到您的邮箱。
					</view>
				</tui-list-cell>
				<tui-button @click="submitExport" size="small">发送</tui-button>
			</view>
		</tui-modal> -->
		<!-- 导出收支帐单 -->
		
		<!-- Excel导出 -->
		<view class="share-pro" >
			<view class="share-pro-mask" v-if="seeCart_Excel" @click="colseCart_Excel"></view>
			<view class="share-pro-dialog-goods" :class="seeCart_Excel?'open':'closeCart'" catchtouchmove="disMove">
				<view class="tui-operation tui-chat-operation topdingdan">
					<view class="tui-export-title numbers" style="margin-left: 25rpx;">导出数据表单</view>
					<image src="../../static/my/icon/occlude3x.png" class="tui-avatar-autonym" @click="colseCart_Excel"></image>
				</view>
				<view class="goodsCart">
					<view class="Excel_file">
						<view class="Excel_download" @click="duplication_Excel(ExcelUrl)">复制Excel下载地址</view>
						<view class="Excel_open" @click="unfold(ExcelUrl)">直接打开Excel</view>
					</view>
					
					<view class="table_Excel">
						<view class="top_Excel">如何导出Excel表格到电脑？</view>
						<view class="content_Excel">
							<view>1、点击"复制Excel下载链接";</view>
							<view>2、在微信手机端找到"文件传输助手";</view>
							<view>3、粘贴链接地址发送;</view>
							<view>4、在微信电脑端客户端找到"文件传输助手";</view>
							<view>5、点击刚刚粘贴的链接，直接下载保存Excel表格;</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- Excel导出-->

		<!-- 类型弹窗-->
		<view class="share-pro" >
			<view class="share-pro-mask" v-if="deliveryFlag"></view>
			<view class="share-pro-dialog" :class="deliveryFlag?'open':'close'" >
				<view class="close-btn" @tap="closeShareEvn">
					<image src="/static/my/colse.png" class="share-colse" mode="widthFix"></image>
				</view>
				<view class="share-pro-title">选择交易类型</view>
				<view class="share-pro-body">
					<view class="flex-box">
						<tui-button size="mini" hover-class="plain"  v-for="(item, index) in type" :key="index" @click="activate(index)" :class="[index == activateIndex ?'btn-activate':'']">{{item}}</tui-button>
					</view>
				</view>
			</view>
		</view>
		<!-- 类型弹窗-->
		<!--toast提示-->
		<tui-toast ref="toast"></tui-toast>
		<!--toast提示-->
		<!--加载loadding-->
<!-- 		<tui-loadmore :visible="loadding" :index="3" type="red"></tui-loadmore>
		<tui-nomore :visible="!pullUpOn" ></tui-nomore> -->
		<!--加载loadding-->
		<tui-datetime ref="dateTime" type="3" :startYear="startYear" :endYear="endYear" :cancelColor="cancelColor" :color="color" :setDateTime="setDateTime" @confirm="change"></tui-datetime>
	</view>
</template>

<script>
	const dataTime = require('../../utils/util.js');
	
	import tuiSticky from "@/components/sticky/sticky"
	import tuiIcon from "@/components/icon/icon"
	import tuiButton from "@/components/button/button"
	import tuiModal from "@/components/modal/modal"
	import tuiToast from "@/components/extend/toast/toast"
	import tuiDatetime from "@/components/dateTime/dateTime"
	import tuiTips from "@/components/extend/tips/tips"

	export default {
		components:{
			tuiSticky,
			tuiIcon,
			tuiButton,
			tuiModal,
			tuiToast,
			tuiDatetime,
			tuiTips
		},
		data() {
			return {
				activateIndex: 0,
				email: '',
				type: [],
				scrollTop: 0,
				deliveryFlag: false,
				isShow: false,
				page: 1,
				pagesize: 5,
				depositList: {list:{list:[]},total:{1:0,2:0},typeList:{},modeList:{}},
				lists:[],
				date:'',
				loadding: false,
				pullUpOn: true,
				
				startYear: 1980,
				endYear: 2030,
				cancelColor: "#888",
				color: "#0A8FE2",
				setDateTime: "",
				isEmpty: 1,
				feeType: '',
				// Excel 导出
				seeCart_Excel: false,
				ExcelUrl: '',
				ExcelUrl_xz: ''
			}
		},
		onLoad: function() {
			this.getDate();
			this.loadData();
		},
		onShow:function(){
			this.page = 1;
		},
		methods: {
			unfold: function(e){
				
				var that = this;
				var filePath = e;//对应的网络路径，可以是内网的或者外网
			
				wx.downloadFile({//下载对应文件
				  url: filePath,
				  success: function (res) {
			
					var filePath = res.tempFilePath;//文件路径
			
					wx.openDocument({
					  filePath: filePath,//装载对应文件的路径
					  fileType: 'xlsx',//指定打开的文件类型
					  success: function (res) {
						console.log("打开成功");
					  },
					  fail: function (res) {
						console.log(res);
					  }
					})
			
				  },
				  fail: function (res) {
					console.log(res);
				  }
				})
			},
			// Excel 复制url地址
			duplication_Excel: function(waybill_id){
				wx.setClipboardData({
					data: waybill_id,
					success: function (res) {
						wx.hideLoading();
						wx.showModal({
							title: '提示',
							content: 'Excel地址复制成功！',
							showCancel: false
						});
					}
				})
			},
			colseCart_Excel: function(){
				this.seeCart_Excel = false;
			},
			onReachBottom: function() {
				this.loadData();
			},
			openDate: function() {
				this.$refs.dateTime.show()
			},
			change: function(e) {
				this.date = e.result
				this.lists = [];
				this.page = 1;
				this.loadData();
			},
			getDate: function(){
				let date = new Date();
				let month =  date.getMonth() + 1;
				if(month < 10){
					month = '0' + month;
				}
				this.endYear =  date.getFullYear();
				this.date = date.getFullYear() +'-'+ month;
			},
			loadData: function(){
				this.loadding = true
				this.tui.request('user/accountLog',{page_size: this.pagesize,page:this.page,date:this.date,type:this.feeType}).then((res) => {
					if(res['list']['list'].length > 0){
						this.page = this.page + 1;
						for(let i = 0; i < res['list']['list'].length; i++){
							this.lists.push(res['list']['list'][i])
						}
						this.depositList = res
						this.isEmpty = 1;
					}
					console.log('aaaaaaaaaaa' , this.page ,res['list']['list'].length )
					if(this.page == 1 && res['list']['list'].length == 0){
						// depositList: {list:{list:[]},total:{1:0,2:0},typeList:{},modeList:{}},
						this.depositList['total'] = {1:0,2:0};
						this.isEmpty = 0;
					}
					this.type = res.typeList;
					this.type[0] = '全部';
					
					// this.depositList = res;
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			formatPrice: function(fee){
				return this.tui.centsToYuan(fee)
			},
			formatDate: function (timestamp) {
				return dataTime.formatDate('y-m-d h:i:s',timestamp);
			},
			submitExport: function(){
				if(!this.email){
					this.tui.toast("请输入邮箱");
					return false
				}
				if(!dataTime.isEmail(this.email)){
					this.tui.toast("请输入正确的邮箱");
					return false
				}
				
				this.tui.request('user/exportAccountLog',{email:this.email,save_type:'email',date:this.date,type:this.feeType}).then((res) => {
					if(res.code == '0000'){
						
						this.isShow = false
						let params = {
							title: "发送成功",
							imgUrl: "/static/toast/check-circle.png",
							icon: true
						};
						this.$refs.toast.show(params)
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
				
			
			},
			hideExport: function() {
				this.isShow = false
			},
			showExport: function() {
				// this.isShow = true
				let date = new Date();
				let month =  date.getMonth() + 1;
				if(month < 10){
					month = '0' + month;
				}
				this.tui.request('dowmload/export',{
					export_type: 'user_account_log',
					data: date.getFullYear() +'-'+ month,
				}).then((res) => {
					if(res.code == '0000'){
						this.ExcelUrl = 'https://jlapi.ssddjj.com/upload/' + res.filename;
						this.ExcelUrl_xz = 'https://jlapi.wx.ehoo.net/dowmload/dowmload/sn/' + res.sn;
						this.seeCart_Excel = true;
					}else{
						let params = {
							title: res.msg,
							imgUrl: "/static/toast/info-circle.png",
							icon: true
						};
						this.$refs.toast.show(params);
					}
				}).catch((err) => {
					let params = {
						title: "服务器异常",
						imgUrl: "/static/toast/fail-circle.png",
						icon: true
					};
					this.$refs.toast.show(params);
				})
			},
			details: function(item) {
				// this.tui.toast("详情功能尚未完善~")
				if(item.type != 4){
					return false
				}
				uni.navigateTo({
				   url: './budgetDetails?deposit_id='+item.target_id,
				});
			},
			activate: function(index){
				this.page = 1;
				this.feeType = index;
				// if(index == 1 || index == 2){
				// 	this.feeType = index;
				// } else if(index == 3){
				// 	this.feeType = 4;
				// }else{
				// 	this.feeType = '';
				// }
				this.activateIndex = index;
				this.lists = [];
			
				this.loadData();
				this.closeShareEvn()
			},
			// 分享弹窗
			shareEvn:function() {
				this.deliveryFlag = true;
			},
			// 关闭分享弹窗
			closeShareEvn:function() {
				this.deliveryFlag = false;
			},
			// 取消海报
			canvasCancel:function(val){
				this.canvasFlag=val;
			},
		},
		//页面滚动执行方式
		onPageScroll:function(e) {
			this.scrollTop = e.scrollTop
		}
	}
</script>

<style lang="scss">
	@import '../../static/style/thorui.css';

	.container {
		padding-bottom: env(safe-area-inset-bottom);
	}
	// 导出
	.tui-modal-export {
		text-align: center
	}
	.tui-export-title {
		padding-bottom: 20rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #0A8FE2 !important; 
	}
	.tui-export-footer-title{
		font-size: 26rpx;
		text-align: left;
		color: #999999;
		line-height: 45rpx;
		margin: 30rpx auto;
	}
	.tui-line-cell {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: left;
		margin: 40rpx auto;
		background: #f6f6f6 !important;
		padding: 25rpx 30rpx;
		border-radius: 15rpx;
		vertical-align: middle;
	}

	.tui-title {
		// line-height: 32rpx;
		flex-shrink: 0;
		font-weight: 400;
	}
	.tui-input {
		font-size: 32rpx;
		color: #333;
		padding-left: 20rpx;
		flex: 1;
		text-align: left;
	}
	.tui-btn-small {
		width: 90% !important;
		height: 80rpx !important;
		line-height: 80rpx !important;
		border-radius: 15rpx !important;
		background: #0A8FE2 !important;
	}
	// 导出
	.tips {
		/* background: #fff; */
		padding: 30rpx 34rpx;
		color: #555;
		font-size: 30rpx;
		line-height: 42rpx;
		position: relative;
		text-align: center;
		z-index: 99;
		font-weight: 400;
	}

	.tips::before {
		content: '';
		position: absolute;
		border-top: 1rpx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		top: 0;
		right: 0;
		left: 0;
	}

	.source{
		color: #999999;
	}
	/* .sticky-container{
 position: relative;
} */
	/* sticky 容器 start */
	.sticky-item {
		width: 100%;
		height: 104rpx;
		padding: 20rpx 30rpx;
		background: #fafafa;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}

	/* sticky 容器 end */

	.date {
		height: 54rpx;
		font-size: 28rpx;
		/* background: #fff; */
		padding: 0 28rpx;
		/* border-radius: 25rpx; */
		color: #0A8FE2;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		font-weight: 400;
		/* box-shadow: 0 0 1rpx #7A7A7A; */
	}

/* 	.date::after {
		content: '';
		position: absolute;
		height: 200%;
		width: 200%;
		border: 1rpx solid #eaeef1;
		border-radius: 60rpx;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		left: 0;
		top: 0;
	} */
	.amount-date{
		text-align: left;
		color: #000000 !important;
		font-size: 30rpx;
		margin: 10rpx auto;
		font-weight: 400;
	}
	.amount {
		text-align: right;
		color: #7A7A7A;
		font-size: 24rpx;
	}

	.list-view {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.list-view::after {
		content: '';
		position: absolute;
		border-top: 1rpx solid #eaeef1;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		top: 0;
		right: 0;
		left: 0;
	}

	.list-item {
		width: 100%;
		padding: 30rpx 28rpx;
		box-sizing: border-box;
		background: #fff;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.list-item::after {
		left: 120rpx
	}

	.item-last::after {
		left: 0 !important
	}

	.content-box {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.logo {
		width: 60rpx;
		height: 60rpx;
		flex-grow: 1
	}

	.des-box {
		min-height: 130rpx;
		padding-left: 28rpx;
		box-sizing: border-box;
		vertical-align: top;
		color: #333;
		font-size: 24rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.tit {
		font-size: 32rpx;
		max-width: 420rpx;
		font-weight: 400;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.time {
		color: #888
	}

	.money {
		font-size: 30rpx;
		font-weight: 500;
		color: #000;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 20rpx;
		text-align: right;
	}
	.money-status{
		padding-top: 20rpx;
		font-size: 28rpx;
		color: #0A8FE2;
	}


	/* 弹窗类型 */

	  button::after {
		border: none;
	  }
	  button{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		line-height: 1;
		color: #1c1c1c;
		font-size: 28rpx;
		background: none;
	  }
	  .button-hover {
		color:#1c1c1c;
		background:none;
	  }
	  /*每个页面公共css */
	.content {
		text-align: center;
		height: 100%;
	}
	.share-btn{
		padding: 30upx 60upx;
		background-color:red;
		color: #FFFFFF;
	}
	.share-pro{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #f5f6f8;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 33rpx;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #f5f6f8;
				border-bottom: 1rpx solid #ececec;
				font-weight: 400;
			}

			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}

		/* 显示或关闭内容时动画 */

		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}

		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}

	}
	.tui-btn{
		margin: 15rpx 10rpx !important;
		font-size: 26rpx !important;
		padding: 0rpx 70rpx !important;
		
		// padding: 30rpx 50rpx;
	}
	.flex-box {
		margin-top: 10% !important;
		width: 90%;
	}
	.tui-btn-mini  {
		background: #FFFFFF !important;
		border-radius: 12rpx !important;
		color: #000000 !important;
	}
	.btn-activate .tui-btn-mini {
		background: #0A8FE2 !important;
		color: #FFFFFF !important; 
	}


	
	/* 弹窗类型 */
	
	.tuiTips{
		margin-top: 50rpx !important;
	}


	// 导出
	.share-pro{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-direction: column;
		z-index: 1000;
		line-height: 1;
		box-sizing: border-box;
		.share-pro-mask-share{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0);
		}
		.share-pro-mask{
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}
		.share-pro-dialog-goods {
			width: 750rpx;
			height: 900rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
		
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
			
			}
		}
		
		.share-pro-dialog {
			width: 750rpx;
			height: 470rpx;
			overflow: hidden;
			background-color: #fff;
			border-radius: 24rpx 24rpx 0px 0px;
			position: relative;
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			.close-btn {
				padding: 20rpx 15rpx;
				position: absolute;
				top: 0rpx;
				right: 29rpx;
				.share-colse{
					width: 40rpx;
					height: 40rpx;
				}
			}
			.share-pro-title {
				font-size: 30rpx !important;
				color: #1c1c1c;
				padding: 28rpx 41rpx;
				background-color: #FFFFFF;
				border-bottom: 1rpx solid #e8e8e8;
				font-weight: 450 !important;
			}
	
			.share-pro-body{
				display: flex;
				flex-direction: row;
				justify-content:space-around;
				font-size: 28rpx;
				color: #1c1c1c;
				padding-bottom: 30rpx;
				.share-item{
					display: flex;
					flex-direction:column;
					justify-content: center;
					justify-content:space-around;
					.share-pro-title-text{
						font-size: 30rpx;
					}
					.share-pro-title-text-des{
						font-size: 28rpx;
						color: #CCCCCC;
						padding-top: 15rpx;
					}
					.share-icon{
						text-align:center;
						width: 100rpx;
						height: 100rpx;
						color: #42ae3c;
						margin: 0px auto;
						margin-top: 39rpx;
						margin-bottom: 16rpx;
					}
					&:nth-child(2){
						.share-icon{
							color: #ff5f33;
						}
					}
				}
			}
		}
	
		/* 显示或关闭内容时动画 */
	
		.open {
			transition: all 0.3s ease-out;
			transform: translateY(0);
		}
		.closeCart {
			transition: all 0.3s ease-out;
			transform: translateY(900rpx);
		}
		.close {
			transition: all 0.3s ease-out;
			transform: translateY(470rpx);
		}
	
	}
	.tui-avatar-autonym{
		width: 36rpx;
		height: 36rpx;
		display: block;
		margin-left: 8rpx;
		float: right;
		margin-bottom: 10px;
	}
	.numbers{
		color: #000 !important;
		font-weight: 550;
		font-size: 33rpx !important;
	}
	.topdingdan{
		background-color: #FFF !important;
		border-bottom: 1rpx solid #E8E8E8;
	}
	.goodsCart .tui-list-cell{
		width: 90% !important;
		margin: 0 auto !important;
		background-color: #F7F7F7 !important;
		top: 35rpx !important;
	}
	.gongshi .tui-list-cell{
		top: 70rpx !important;
	}
	.gongshis .tui-list-cell{
		top: 105rpx !important;
	}
	.gongshis .tui-left{
		text-align: left !important;
		width: 75% !important;
		font-size: 30rpx !important;
		color: #000 !important;
	}
	.goodsCart .tui-list-cell .tui-list-cell-name{
		font-size: 30rpx !important;
		font-weight: 550 !important;
		color: 000 !important;
	}
	.rightzit{
		width: 75% !important;
		color: #000 !important;
		font-size: 30rpx !important;
	}
	.Determine{
		width: 100%;
		position: absolute !important;
		bottom: 0rpx !important;
		padding: 0 0 0 0 !important;
		padding-right: 0 !important;
		height: 180rpx !important;
	}
	.Determine button{
		padding: 0 auto !important;
		margin: 0 auto !important;
		border-radius: 0rpx !important;
		color: #FFF !important;
		font-size: 40rpx !important;
		line-height: 120rpx !important;
		background-color: #1193E3 !important;
		height: 100% !important;
	}
	
	.tui-input-ordernumber{
		color: #000 !important;
	}
	.amount{
		color: red;
	}
	.tui-nomore::after{
		background: #f5f6f8 !important;
	}
	.addnumbers_view{
		color: #e8374d;
		font-size: 32rpx;
		width: 200rpx;
		// border: 1rpx solid #e8374d;
		border-radius: 8rpx;
		// background-color: #e8374d;
		height: 50rpx;
		text-align: center;
		line-height: 50rpx;
	}
	.tuikuanl view{
		// display: block !important;
	}
	.tui-actionsheet {
		height: 80%;
		overflow-y: scroll;
	}
	.kuaidibottom{
		margin-top: 0rpx !important;
		border: 0rpx solid #FFF;
		margin-bottom: 30rpx !important;
	}
	
	// 导出样式
	.table_Excel{
		width: 100%;
		height: 330rpx;
		text-align: left;
		color: #585858;
		font-size: 30rpx;
		line-height: 55rpx;
		padding: 30rpx;
	}
	.Excel_view{
		width: 100%;
		margin: 0 auto;
		// height: 180rpx;
	}
	.Excel_url{
		// border: 1rpx solid #000;
		height: 110rpx;
		text-overflow: ellipsis;
		word-wrap: break-word;
		padding-bottom: 35rpx;
	}
	.Excel_file{
		height: 150rpx;
		background: #F2F2FC;
	}
	.Excel_download{
		width: 45%;
		float: left;
		border: 1rpx solid #8FAFDF;
		margin-right: 3%;
		font-size: 28rpx;
		height: 80rpx;
		line-height: 80rpx;
		color: #8FAFDF;
		border-radius: 20rpx;
		margin-top: 35rpx;
		text-align: center;
		margin-left: 3.5%;
	}
	.Excel_open{
		width: 45%;
		float: left;
		border: 1rpx solid #8FAFDF;
		font-size: 28rpx;
		height: 80rpx;
		line-height: 80rpx;
		color: #8FAFDF;
		border-radius: 20rpx;
		margin-top: 35rpx;
		text-align: center;
	}
</style>
